import React,{ }from 'react'
import { Toast, NavBar } from 'react-vant';
import './index.css'
export default (props)=>{
    //高度是46px
    //title 中间标题
    //leftText 左边标题
    //rightText 右边标题
    //textColor 左右标题颜色
    //titeColor 中间标题颜色
    //backgroundColor 背景颜色
    //leftArrow 是否显示左边箭头 true 显示 false 不显示
    //borderBottom 是否显示底部边框 true 显示 false 不显示
    const { title, leftText,rightText,leftArrow,borderBottom,titleColor,backgroundColor,textColor } = props;
    return (
        <NavBar
           style={{'--rv-nav-bar-background-color':backgroundColor,
            '--rv-nav-bar-title-text-color':titleColor,
            '--rv-nav-bar-text-color':textColor}}    
            title={title}
            fixed
            safeAreaInsetTop
            leftArrow={leftArrow}
            border={borderBottom}
            leftText={leftText}
            rightText={rightText}
            onClickLeft={() => Toast('返回')}
            onClickRight={() => Toast('按钮')}
        /> 
    )
}
